@media (max-width: 767px)
{
	.hamburger
	{
		display: table-cell;
		vertical-align: middle;
		float: none;
		cursor: pointer;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	.hamburger li
	{
		width: 30px;
		border-bottom: 2px solid #fff;
		margin-bottom: 5px;
		height: 0;
	}
	.hamburger li:nth-child(1)
	{
		animation: hamburger-normal1 1s forwards;
	}
	.hamburger li:nth-child(2)
	{
		animation: hamburger-normal2 1s forwards;
	}
	.hamburger li:nth-child(3)
	{
		animation: hamburger-normal3 1s forwards;
	}
	.hamburger.hamburger-close li:nth-child(1)
	{
		animation: hamburgerclose1 1s forwards;
	}
	.hamburger.hamburger-close li:nth-child(2)
	{
		animation: hamburgerclose2 1s forwards;
	}
	.hamburger.hamburger-close li:nth-child(3)
	{
		animation: hamburgerclose3 1s forwards;
	}
	@keyframes hamburgerclose1
	{
		0%
		{
			transform: rotate(0deg) translateY(0) translateX(0);
		}
		100%
		{
			transform: rotate(45deg) translateY(5px) translateX(5px);
		}
	}
	@keyframes hamburgerclose2
	{
		0%
		{
			opacity: 1;
		}
		100%
		{
			opacity: 0;
		}
	}
	@keyframes hamburgerclose3
	{
		0%
		{
			transform: rotate(0deg) translateY(0) translateX(0);
		}
		100%
		{
			transform: rotate(-45deg) translateY(-5px) translateX(5px);
		}
	}
	@keyframes hamburger-normal1
	{
		0%
		{
			transform: rotate(45deg) translateY(6px);
		}
		100%
		{
			transform: rotate(0deg) translateY(0);
		}
	}
	@keyframes hamburger-normal2
	{
		0%
		{
			opacity: 0;
		}
		100%
		{
			opacity: 1;
		}
	}
	@keyframes hamburger-normal3
	{
		0%
		{
			transform: rotate(-45deg) translateY(-7px);
		}
		100%
		{
			transform: rotate(0deg) translateY(0);
		}
	}
}